<template>
    <view class="page" :style="themeColor">
        <view class="flex benben-position-layout flex flex-wrap align-center course_flex_0"
            :style="{ height: (88 + StatusBarRpx) + 'rpx', paddingTop: StatusBarRpx + 'rpx' }">
            <view class='flex flex-wrap align-center justify-between flex-sub course_fd0_0'>
                <view class='flex flex-wrap align-center justify-center course_fd0_0_c0' @tap.stop="handleJumpDiy"
                    data-type="back" data-url="1">
                </view>
                <view class='flex flex-wrap align-stretch justify-center'>
                    <text class='course_fd0_0_c1_c0'>课程中心</text>
                </view>
                <view class='flex flex-wrap align-center course_fd0_0_c0'>
                </view>
            </view>

        </view>
        <view :style="{ height: (88 + StatusBarRpx) + 'rpx' }"></view>
        <benben-goods-classify :top='104' threeLevel='false' :handle-id.sync='id' :lists='list'>
        </benben-goods-classify>


    </view>
</template>
<script>

export default {
    components: {},


    data() {
        return {
            list:[
                {
                    id:1,
                    name:"钻爆工程",
                    children:[
                        {
                            thumb:'',
                            name:'钻爆基本知识',
                            tiem:'发布: 2023-05-06',
                            zhangjie:'10',
                            people:56,
                        }
                    ]
                },
                {
                    id:2,
                    name:"混装炸药地面站",
                    children:[
                        {
                            thumb:'',
                            name:'爆破器材',
                            tiem:'发布: 2023-05-06',
                            zhangjie:'10',
                            people:56,
                        }
                    ]
                },
                {
                    id:3,
                    name:"炸药和雷管厂",
                    children:[
                        {
                            thumb:'',
                            name:'钻爆作业流程',
                            tiem:'发布: 2023-05-06',
                            zhangjie:'10',
                            people:56,
                        }
                    ]
                },
                {
                    id:4,
                    name:"矿山总承包",
                    children:[
                        {
                            thumb:'',
                            name:'爆破理论知识',
                            tiem:'发布: 2023-05-06',
                            zhangjie:'10',
                            people:56,
                        }
                    ]
                },
                {
                    id:5,
                    name:"企业文化",
                    children:[
                        {
                            thumb:'',
                            name:'爆破理论知识',
                            tiem:'发布: 2023-05-06',
                            zhangjie:'10',
                            people:56,
                        }
                    ]
                },
                {
                    id:6,
                    name:"事故警示",
                    children:[
                        {
                            thumb:'',
                            name:'爆破理论知识',
                            tiem:'发布: 2023-05-06',
                            zhangjie:'10',
                            people:56,
                        }
                    ]
                }
               
            ],
            id:'',
        };
    },
    computed: {
        themeColor() {
            return this.$store.getters.themeColor
        },

    },
    watch: {},
    onLoad(options) {

    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {

    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {

    }
};
</script> 
<style lang="scss" scoped>
.page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: rgba(248, 248, 248, 1);
    background-size: 100% auto !important;
}

.course_flex_0 {
    background: #fff;
    width: 100%;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
}

.course_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    line-height: 88rpx;
}

.course_fd0_0_c0 {
    width: 50rpx;
    height: 50rpx;
}

.course_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
}</style>